iT邦幫忙

2022 iThome 鐵人賽

DAY 3
0
Software Development

花30天來玩一下Chrome extension系列 第 3

DAY3:來建開發環境

  • 分享至 

  • xImage
  •  

開發Chrome extension需要什麼東西

要製作一個Chrome extension,我們會需要:

  1. 一個文字編輯器
  2. Chrome或Edge瀏覽器

Chrome或Edge瀏覽器的話應該自己處裡就好了吧。我接下來就講一下文字編輯器的部分。

VScode

文字編輯器的話我是用VScode,而我選它的原因是因為:

  1. VScode預設就資源很多語言,而且還有很多擴充,擴充裝了之後,VScode也就可以支援更多東西。這樣之後如果要做其他事也比較方便。
  2. VScode所占的空間較小
  3. VScode整合了很多功能在程式內部

VScode簡介

VScode(全名Visual Studio Code是一個微軟開發的免費原始碼編輯器,它支援程式碼自動補全、關鍵字上色、自動排版,而且內建了命令列工具和 Git版控系統。使用者還可以更該主題顏色、鍵盤捷徑等各種屬性和參數,並在編輯器中內建了擴充程式管理的功能。

安裝VScode

  1. VScode官網
  2. 可以直接點中間的Download,或是把旁邊的三角形點開找其他版本。
  3. 執行安裝檔
  4. 同意使用者條約之後就一直按下一步
  5. 到這裡我會把全部選項勾起來
    圖片
    6.然後就OK了圖片

上一篇
DAY2:Chrome extension是什麼,它可以幹嘛
下一篇
DAY4:VScode基本操作
系列文
花30天來玩一下Chrome extension4
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言